React input re-render 問題


Posted by Rich on 2021-09-02

在串 google 地圖 api 中增加搜尋列。但發現搜尋列每輸入一個值就會因為頁面重新渲染,造成 losing focus ,每打一個字就會歸零。
解決:方法來源 只要把 input 宣告在外面就可以了。
原因:因為把 input 宣告在 render 的 function 裡面。由於 re-render 就是重新呼叫一次函式,所以將 input 宣告在 function 裡面會變成重新宣告一個新的 input。所以每次 re-render 都會有一個新的 input。


#React







Related Posts

用 JavaScript 學習資料結構和演算法:字典(Dictionary)和雜湊表(Hash Table)篇

用 JavaScript 學習資料結構和演算法:字典(Dictionary)和雜湊表(Hash Table)篇

打包你的Python程式~PyInstaller基礎篇

打包你的Python程式~PyInstaller基礎篇

用 CSS 畫畫的小技巧

用 CSS 畫畫的小技巧


Comments